/*css inspirado de http://www.dellagracevolcano.com/*/

body {
	/*background-color:#222;*/
	line-height: 1;
	text-align: center;
}
.navega {
font-size:16px;
padding:10px;
}

a:link {
	text-decoration: none;
	color: #009933;
}
a:hover{
text-decoration: none;
color:#FF0000;
}

a:active {
text-decoration: none;
	color: #FF9900;
	}
a:visited {
	text-decoration: none;
	color: #3399cc;
}


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color:#99C;*/
	
	}


a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#99C;
	}


/*h2 {
	font: bold 0.95em arial, verdana, sans-serif;
	color: #282729;
	padding: 0px 0px 0px 10px;
	text-transform: uppercase;
	margin: 15px 0px 5px 10px;
	line-height: 1em;

	}*/
	
/*.container {
	width:100%;
	height:100%}*/
	
#whole {
	padding-top:40px;
	padding-bottom:10px;
	position:relative;
/*	margin-right: auto;
	margin-left: auto;*/
	/*width: 720px;*/
	/*width:100%;*/
	margin:0 auto 0 auto;
	/*background-color: #333333;
	border: 0px solid #ffffff;*/
	/*text-align: left;*/
	text-align:center;
		
	/*width:960px;*/	
}



 p#header {
	 position:relative;	
	margin:0 auto 0 auto;
	/*border: 0px solid #DFDFDF;
	width: 710px;*/
	text-align: center;
	width:100%;
} 

p#header a {
	/*color: #ffffff;*/
	font-size: 1.26em;  
	letter-spacing: 1.26em; 
	text-transform:uppercase;
	/*text-decoration: none;*/
	/*font-weight: normal;*/
	/*border: 1px solid #333333;*/
	color:#888;	
}

	
	
	
p#header a span.endo  {
	/*letter-spacing: .1em;*/
	/*border: 1px solid #333333;*/
	}
p#header a.endo  {
	/*letter-spacing: .1em; */
	/*border: 1px solid #333333;*/
	}
p#header.projects a:hover {color: #33CCFF;}
p#header.artist a:hover  {color: #FFFF00; }
p#header.poesia a:hover  {color: #cc00ff; }
p#header.apuntes a:hover {color: #33FF00; }
p#header.videos a:hover  {color: #FF8C00; }
p#header.contacto a:hover {color: #CCCCCC; }
p#header.machinas a:hover  {color: #FF8C00; }

p#header a.yellow:hover {color: #FFFF00;}
p#header a.green:hover {color: #33FF00;}
p#header a.orange:hover  {color: #FF6600;}
p#header a.red:hover {color: #ff0000;}
p#header a.purple:hover {color: #cc00ff;}
p#header a.blue:hover {color: #00CCFF;}
p#header a.pink:hover {color: #00FFFF;}
p#header a.grey:hover {color: #ff0000;} /*this is red not grey ! */
p#header a.endo:hover {color: #00CCFF;}


	
/*#contents-splash {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 715px;
	margin-top: 20px;
	border: 0px solid #ffffff;
	font-size: .9em;
	}
#contents-splash a {color:#ffffff;}
#contents-splash img {border: 1px solid #ffffff;}

#left, #center, #right {display: inline;}
#left img, #right img {margin: 20px 0px 20px 0px;}
#left img {margin-right: 13px;}
#right img {margin-left: 13px}

#contents-splash p {margin-top: 40px; text-transform: uppercase; }

#contents-splash p.enter a.blue {text-decoration: none;}

#contents-splash p.enter a.blue:hover {
color:#ffb414;
}*/


#main-nav ul {
	/*width: 710px;*/
	width:100%;
	/*float: left;*/
	padding-bottom:12px;
	border: 0px solid #222;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#main-nav li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#main-nav li.contacto {margin: 0px;
    }

/* nav text styles here */

#main-nav li a {
	padding: 0px 2px 0px 2px;
	line-height: 12px;
	/*border: 0px solid #DFDFDF;*/
	text-decoration: none;
	text-transform: uppercase;
	color:#A0B8B8;
	font-size: 0.8em;
	/*margin-left:0px;*/
	}
	

#main-nav li a:hover, #main-nav li a:hover.on, #main-nav li a.on {color: #333333;}
#main-nav li.projects a:hover, #main-nav li.projects a.on {background: #33CCFF;}
#main-nav li.exposiciones a:hover, #main-nav li.exposiciones a.on {background: #FFFF00;}
#main-nav li.poesia a:hover, #main-nav li.poesia a.on {background: #cc00ff;}
#main-nav li.apuntes a:hover, #main-nav li.apuntes a.on {background: #33FF00;}
#main-nav li.videos a:hover, #main-nav li.videos a.on {background: #FF8C00;}
#main-nav li.contacto a:hover, #main-nav li.contacto a.on {background: #33ccff;}
#main-nav li.machinas a:hover, #main-nav li.machinas a.on {background: #FF8C00;}


/* main contents styles */

.clear { /*clear: both*/ }

#contents{
	/*float:none;*/
	/*width: 720px;*/
	/*width: 100%;*/
	/*margin: 0px auto 0px auto;*/
	}

#leftcol {
	margin: 0px 0px 0px 0px;
	width: 195px;
	float:left;
	background: #282729;
	border: 0px solid #DFDFDF;
	}

	
#rightcol {
	float:left;
	margin:0px 0px 0px 0px;
	width: 520px;
	background: #e2e1e1;
	border: 0px solid #fff;
	}


/* main contents */

#leftcol {font: .8em arial, verdana, sans-serif; padding-bottom: 5px;}

#leftcol ul {
	list-style-type: none;
	margin:12px 5px 5px 5px;
	padding: 0px 0px 2px 5px;
	}

#leftcol li {
	margin: 2px 0px 0px 0px;
	padding: 0px  0px  0px  0px;
	text-indent: -2px;
	}


#leftcol a {
	color: #ffffff ;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 2px 0px 2px;
	line-height:1.4em;
	}

#contents #leftcol a:hover { color: #333333;}

#contents.projects #leftcol a:hover {	background: #33CCFF; }
#contents.artist #leftcol a:hover {	background: #FFFF00; }
#contents.poesia #leftcol a:hover {	background: #cc00ff; }
#contents.apuntes #leftcol a:hover {	background: #33FF00; }
#contents.videos #leftcol a:hover {	background: #FF8C00; }
#contents.contacto #leftcol a:hover {	background: #00FFFF; }

#contents.machinas #leftcol a:hover {	background: #FF8C00; }

#contents.proejcts #rightcol a {	color: #33CCFF; text-decoration: none;}
#contents.artist #rightcol a {	color: #FFFF00; text-decoration: none;}
#contents.poesia #rightcol a {	color: #cc00ff; text-decoration: none; background: #e2e1e1;}
#contents.apuntes #rightcol a  {	color: #33FF00;text-decoration: none; background-color: #e2e1e1;}
#contents.videos #rightcol a  {	color: #FF8C00; text-decoration: none;}
#contents.contacto #rightcol a {	color: #00FFFF; text-decoration: none;}

#contents.machinas #rightcol a  {	color: #FF8C00; text-decoration: none;}

#contents #rightcol a:hover {color: #282729; text-decoration: none; background-color: #e2e1e1;}

#contents #rightcol a.specialhover:hover {
	background-color: #e2e1e1;
	color: #000;
	}
	
#rightcol {
font-size: .9em;
color: #333333;
padding-bottom: 10px;
margin-bottom: 20px;
}

#rightcol p { margin: 10px 15px 12px 20px;
text-align: justify;
}




	
div.textfield ul {
	list-style-type: none;
	margin:0px;
	padding: 0px;
	}

div.textfield li {
	margin: 0px 5px 0px 20px;
	padding: 3px  0px  3px  0px;
	line-height: 1.2em;
	}
	
div.textfield p {margin-left: 10px;}
div.textfield p.quote {padding: 0px 20px 0px 20px;}
div.textfield p.poem {font-style: italic;}
p.small {font-size: .9em; }
	
/* leftcol top border styles  */
#contents.projects #leftcol  { border-top: 2px solid #33CCFF;}
#contents.artist #leftcol  { border-top: 2px solid #FFFF00; }
#contents.poesia #leftcol  { border-top: 2px solid #cc00ff; }
#contents.apuntes #leftcol  { border-top: 2px solid #33FF00; }
#contents.videos #leftcol  {	border-top: 2px solid #FF8C00; }
#contents.contacto #leftcol  { border-top: 2px solid #00FFFF; }

#contents.machinas #leftcol  {	border-top: 2px solid #FF8C00; }

/* rightcol top border styles  
#contents.projects #rightcol  { border-top: 2px solid #33CCFF;}
#contents.artist #rightcol  { border-top: 2px solid #FFFF00; }
#contents.poesia #rightcol  { border-top: 2px solid #cc00ff; }
#contents.apuntes #rightcol  { border-top: 2px solid #33FF00; }
#contents.videos #rightcol  {	border-top: 2px solid #FF8C00; }
#contents.contacto #rightcol  { border-top: 2px solid #00FFFF; }*/


/* CV and PUBLICATIONS hidden layers positioning */

#pubintro,
#sexworks,
#thedragking,
#sublime,
#lovebites,
#cvblank,
#education,
#monographs,
#exhibitions,
#filmography,
#poesia,
#worknperf,
#film,
#talks,
#blank,
#desire,
#hermlove,
#other,
#credits,
#contacto,
#machinas{
	position: absolute;
	float: left;
	margin: 0px;
	color:#333333;
	padding: 0px 0px 12px 0px;
	background: #e2e1e1;
	width: 520px;
	border-bottom: 10px solid #333333;
	}
	
/* -----------projects styles------------ */

#projectsindex {
	position: relative;
/*	margin-right: 172px;
	margin-left: 172px;*/
	/*width: 376px;*/
	
	text-align: center;
	margin:auto auto auto auto; 
	width:980px;
	}
	
	
	#metriasreiki {
	position: relative;
/*	margin-right: 172px;
	margin-left: 172px;*/
	/*width: 376px;*/
	border: 0px solid #fff;
	text-align: center;
	margin:0px auto 0px auto; 
	/*width:100%;*/
	}
#vidiosindex {
	position: relative;
/*	margin-right: 172px;
	margin-left: 172px;*/
	/*width: 376px;*/
	/*width:100%;*/
	border: 0px solid #fff;
	text-align: center;
	margin:20px auto 0 auto; width: 376px;
	}	
	
	#vidiosindexNX {
	position: relative;
/*	margin-right: 172px;
	margin-left: 172px;*/
	/*width: 376px;*/
	/*width:100%;*/
	border: 0px solid #fff;
	text-align: center;
	margin:20px auto 0 auto; width: 376px;
	}
	
#machinasindex {
	position: relative;
/*	margin-right: 172px;
	margin-left: 172px;*/
	/*width: 376px;*/
	/*width:100%;*/
	border: 0px solid #fff;
	text-align: center;
	margin:20px auto 0 auto; width: 376px;
	}	
	
	
#exposicionesindex{
	position: relative;
/*	margin-right: 172px;
	margin-left: 172px;*/
	/*width: 376px;*/
	/*width:100%;*/
	border: 0px solid #fff;
	text-align: center;
	margin:20px auto 0 auto; width:550px;
	
	}
	
	
table.projects td {
width: 122px;
height: 122px;
vertical-align: middle;
}

table.projects td img {
border: 1px solid #666666;
margin: 20px;
}



#projectsbuttons {
	text-align:center;
	color: #999; 
	/*text-shadow: black 0.1em 0.1em 0.2em;*/
    position: relative;
    /*margin: 50px 73px 15px 73px;*/
    width: 230px;
    border: 0px solid #000;
    /*height: 100%;*/
    /*background-color: #282729;*/
    text-shadow:#000;
    /* border-top: 2px solid #33CCFF; */
    margin:0 auto 0 auto;
	font-family:Verdana, Geneva, sans-serif;
}


h4.projectstab {
	position: absolute;
	text-align: center;
	/*width: 230px;*/
	/*margin-left: 0px;*/ /* this line to be seen by IE only please! */
	/*margin-top: 0px;*/
	text-align: center;
	font-weight: normal;
	font-size: .9em;
	padding: 2px 0px 2px 0px;
	text-transform: uppercase;
	left: -1px;
	top: 2px;
	margin:0 auto 0 auto; width:230px; 
}

h4 a {color: #ffffff; text-decoration: none;}

h4 a:hover {color: #33CCFF;}

#contents-image {
	position: relative;
	margin: 0px 110px 20px 110px;
	width: 500px;
	border: 0px solid #fff;
	text-align: center;
	height: 500px;
	}

#captions {
float: left;
border: 0px solid #fff;
/*width: 720px;*/
width:100%;

}


h3 {display: inline; font: normal 0.9em arial, verdana, sans-serif; margin: 0px 0px 5px 0px; text-align: center;}
h3#project {margin: 0px 140px 0px 140px;}
h3 {color: #33CCFF}

h3 a:link, h3 a:visited {text-decoration: none; color: #ffffff;}
h3 a:hover {color: #33ccff;}



p.captionstext {
	text-align: center;
	color: #ffffff;
	font: normal 0.95em arial, verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	margin-top: 6px;
	margin-bottom: 0px;
	}
	
.captionstext a:link, 
.captionstext a:visited {text-decoration: none;}

.captionstext strong {color: #33ccff;}
.captionstext a:hover strong {color: #333333;}

p.detailstext {
	text-align: center;
	color: #ffffff;
	font: normal 0.95em arial, verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	margin-top: 4px;
	margin-bottom: 6px;
	}

/* Container that gets resized and holds the photo */
#Container {
	margin: 0 auto;
	position: relative;
	width: 200px;	/* Initial width */
	height: 200px;	/* Initial height */
	background: #333 url(images/load.gif) 50% 50% no-repeat;
	border: 1px solid #ffffff;
	overflow: visible;
	}

/* Inner container for photo */
#PhotoContainer { visibility: hidden; }

/* Temporary image for preloads */
#TempPhoto { visibility: hidden; display: inline; }

/* Counter for photos */
#Counter { DISPLAY: NONE; }


#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 200px;
	width: 200px;
	z-index: 100;
	background-color: transparent;
	display: none;
	}


#PrevLink {
	display: block;
	float: left;
	height: 200px;
	width: 100px;
	}

#NextLink {
	display: block;
	float: right;
	height: 200px;
	width: 100px;
	z-index: 100;
	}



#PrevLink span, #NextLink span { display: none; }

/* Miscellaneous */	
img { border: none; }

	

/* mainstyles 



#introText {
	font-size:1.4em;
	margin-left: -1px;
	color:#DFDFDF;
	}

#projectstable {
	top:0px;
	}

.border {
	margin: 2px;
	border: 0px solid #333333;
	}



#buttons a {
	font-family:  arial, verdana, sans-serif;
	color: #DFDFDF;
	font-size: 15px;
	padding-left: 15px;
	text-transform: uppercase;
	text-decoration: none;
	}
	 */

/* text styles here 
	
#contents ul a {
	font-family:  arial, verdana, sans-serif;
	font-size: 0.95em;
	color: #DFDFDF ;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 2px 0px 2px;	
	}


#contents ul.projects li a:hover.link {
	color: #000000;
	background: #33CCFF;
	}
	
#contents ul.poesia li a:hover.link {
	color: #000000;
	background: #cc00ff;
	}

#contents ul li.on a.proj {
	color: #000000;
	background: #33CCFF;
	font-size: .9em;
	}

#pub-right p, #cv-right p {
	font-family:  arial, verdana, sans-serif;
	color: #545454;
	}


h1 {
	font-family:  arial, verdana, sans-serif;
	font-size: 1.1em;
	color: #545454;

	margin: 0px;
	}


*/